<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<title>缓存设计</title>
<body>
<div>
    <div th:each="position:${positions}" style="float: left; width: 25%; height: 200px; border: dimgrey 1px solid; border-radius: 16px; margin: 16px; padding: 16px">
        <div style="margin-bottom: 4px">
            <div>
                <span th:text="${position.position}"></span>&nbsp;
                <span th:text="${#dates.format(position.publishTime, 'HH:mm')} + '发布'"></span>&nbsp;
                <span th:text="${position.salary} + 'k'"></span>
            </div>
            <div th:text="'经验' + ${position.experience}" style="margin-bottom: 4px"></div>
            <div style="margin-bottom: 4px">
                <span th:each="tag:${#strings.listSplit(position.tags, ',')}" th:text="${tag}" style="border: dimgrey 1px solid;  margin-right:4px; border-radius: 2px"></span>&nbsp;
            </div>
            <br/>
            <hr style="border: dimgrey 1px dotted"/>
            <div th:text="${position.company}" style="margin-bottom: 4px"></div>
            <div th:text="${position.description}" style="margin-bottom: 4px"></div>
        </div>
    </div>
</div>
</body>
</html>
